<%@ include file="/common/taglibs.jsp"%>

<script>
jQuery(document).ready(function(){
	jQuery("#staff").validate();
});
</script>
<div style="padding:5px;" align="center">
	<!-- <span class="head-dec">Enter Staff Details</span> --><br/><br/>
	<div style="padding-top:15px;">
		<s:form id="staff" name="staff" action="saveOrUpdateStaff" method="post" validate="true">
			<table border="0" style="">
				<tr>
					<td class="inputField" nowrap="nowrap">
		     			First Name
		     		</td>
					<td class="inputTextBox">	
						<s:textfield  id="saveOrUpdateStaff_staff_firstName"  name="staff.firstName" tabindex="1"  style="width:250px;" cssClass="required"/>
					</td>
				</tr>
				<tr><td>&nbsp;</td></tr>
				<tr>
					<td class="inputField" nowrap="nowrap">
		     			Last Name
		     		</td>
					<td class="inputTextBox">	
						<s:textfield  id="saveOrUpdateStaff_staff_lastName"  name="staff.lastName"  tabindex="2"  style="width:250px;" cssClass="required"/>
					</td>
				</tr>
				<tr><td>&nbsp;</td></tr>
				<tr>
					<td class="inputField" nowrap="nowrap">
   			            Gender
		     		</td>
					<td class="inputTextBox">	
						<s:radio  name="staff.gender" id="saveOrUpdateStaff_staff_status" list="#{'Male':'Male','Female':'Female'}" value="%{staff.getGender()}" />
					</td>
				</tr>
				<tr><td>&nbsp;</td></tr>
				<tr>
					<td class="inputField" nowrap="nowrap">
		     			Martial Status
		     		</td>
					<td class="inputTextBox">	
						<select id="saveOrUpdateStaff_staff_martialStatus" name="staff.martialStatus" tabindex="5"  style="width:250px;" value="%{staff.getMartialStatus()}">
						    <option value="Single">Single</option>
						    <option value="Married">Married</option>
						</select>
					</td>
				</tr>
				<tr><td>&nbsp;</td></tr>
				<tr>
					<td class="inputField" nowrap="nowrap">
					
		     			Qualification
		     		</td>
					<td class="inputTextBox">	
						<s:textfield id="saveOrUpdateStaff_staff_qualification"  name="staff.qualification"   tabindex="6"  style="width:250px;" cssClass="required"/>
					</td>
				</tr>
				<tr><td>&nbsp;</td></tr>
				<tr >
					<td class="inputField" nowrap="nowrap">
		     			Contact Number
		     		</td>
					<td>
						<s:textfield  id="saveOrUpdateStaff_staff_contactNumber"  name="staff.contactNumber" tabindex="7"  style="width:250px;" cssClass="required"/>
					</td>
				</tr>
				<tr>
					<td class="inputField" nowrap="nowrap">
     				Status
     				</td>
					<td class="inputTextBox">
					<s:radio  name="staff.status" id="saveOrUpdateStaff__status" list="#{'Active':'Active','InActive':'InActive'}" value="%{staff.getStatus()}" />
				</td>
				</tr>
				<tr><td>&nbsp;</td></tr>
				<tr>
					<td colspan="2">
						<s:reset value="Clear" id="saveOrUpdateStaff_0" cssClass="button-gray" theme="simple"/>
						<s:if test="staff.id == null || staff.id == ''">
							<s:submit value="Create" id="saveOrUpdateStaff_0" cssClass="button-green" theme="simple" />
						</s:if>
						<s:else>
							<s:submit value="Update" id="saveOrUpdateStaff_0" cssClass="button-green" theme="simple" />
						</s:else>
						<input type="button" value="List" id="saveOrUpdateStaff_0" class="button-gray" onclick="javascript:showLists('/showStaffList');" />
					</td>	
				</tr>
				<s:hidden id="id" name="staff.id"></s:hidden>	
			</table>
		</s:form>
	</div>
</div>
